import styled from 'styled-components'

export const NewAblumWrapper = styled.div`
  .content {
    position: relative;
    zoom: 1;
    height: 186px;
    margin: 20px 0 37px 0;
    border: 1px solid #d3d3d3;

    .inner {
      width: 100%;
      background: #f5f5f5;
      border: 1px solid #fff;
      height: 184px;
      box-sizing: border-box;
      position: relative;

      .item-list {
        display: flex !important;
        justify-items: center;
        justify-content: space-between;
      }
    }

    :where(.css-dev-only-do-not-override-1uq9j6g).ant-carousel .slick-prev,
    :where(.css-dev-only-do-not-override-1uq9j6g).ant-carousel .slick-next {
      color: inherit;
    }

    .slick-list {
      width: 90%;
      margin: 0 auto;
    }

    :where(.css-dev-only-do-not-override-1uq9j6g).ant-carousel {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
    }
  }
`
